<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>伪类下拉菜单</title>
    <link rel="stylesheet" type="text/css" href="css/index.css" />

</head>

<body>
    <div class="xbox">
        <div class="nav w">
            <div class="logo">
                <h1><a href="#">王者荣耀</a></h1>
            </div>
            <ul>
                <li><a href="#">游戏资料<em>DATA</em></a></li>
                <li><a href="#">内容中心<em>CONTENTS</em></a></li>
                <li><a href="#">赛事中心<em>MATCH</em></a></li>
                <li><a href="#">百态王者<em>CULTURE</em></a></li>
                <li><a href="#">社区互动<em>COMMUNITY</em></a></li>
                <li><a href="#">玩家支持<em>PLAYER</em></a></li>
                <li><a href="#">IP新游<em>NEW GAMES</em></a></li>
                <li class="nav_search">
                    <a href="#"></a>
                </li>
            </ul>
            <div class="aa">
                <div class="bb">
                    <a href="#">欢迎登录</a>
                    <p><a href="#">登录后查看游戏战绩</a></p>
                </div>
            </div>
        </div>
        <div class="sub_nav">
            <div class="sub_nav_inner">
                <ul>
                    <li class="down-nav">
                        <a href="#">版本介绍</a><a href="#">攻略中心</a><a href="#">KPL</a><a href="#">荣耀-传承</a><a href="#">创意互动营</a><a href="#">成长守护平台</a>
                        <a href="#">代号:破晓</a>
                    </li>
                    <li class="down-nav">
                        <a href="#">游戏介绍</a><a href="#">英雄攻略</a><a href="#">全国大赛</a><a href="#">王者文化站</a><a href="#">王者营地</a><a href="#">健康系统</a>
                        <a href="#">代号:启程</a>
                    </li>
                    <li class="down-nav">
                        <a href="#">英雄资料</a><a href="#">视频中心</a><a href="#">世界冠军杯</a><a href="#">王者音乐听</a><a href="#">手Q部落</a><a href="#">对局情报站</a>
                    </li>
                    <li class="down-nav">
                        <a href="#">爆料站</a><a href="#">开放素材库</a><a href="#">模拟战大师赛</a><a href="#">万千世界</a><a href="#">微信圈子</a><a href="#">客服专区</a>
                    </li>
                    <li class="down-nav">
                        <a href="#">故事站</a><a href="#">王者视角</a><a href="#">K甲联赛</a><a href="#">星光殿堂</a><a href="#">官方微博</a><a href="#">礼包兑换</a>
                    </li>
                    <li class="down-nav">
                        <a href="#">游戏壁纸</a><a href="#">作者入驻</a><a href="#">高校赛</a><a href="#">商户特权</a><a href="#">官方公众号</a><a href="#">自助服务</a>
                    </li>
                    <li class="down-nav">
                        <a href="#">媒体入驻</a><a href="#">全民赛</a><a href="#">无限王者团</a><a href="#">手Q订阅号</a>
                    </li>
                    <li class="down-nav">
                        <a href="#">赛事数据</a><a href="#">同人社区</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="daji">
        <img src="img/pvp.png">
    </div>

    <div class="hz w">里面真有内容</div>
    <div class="w erzi">假装里面有内容</div>
    <div class="xerzi w">假装里面有内容</div>
    <div class="footer">
        <div class="w">
            <div class="footleft">
                <img src="img/logo.png">
                <p>学成在线致力于普及中国最好的教育他于中国一流大学和机构合作提供在线课程。<br /> &copy 2017年XTGC Inc.保留所有版权。-沪ICP备15025210</p>
                <a href="text.html" target="_blank" class="app">下载APP</a>
            </div>
            <div class="footright">
                <dl>
                    <dt>关于学成网</dt>
                    <dd><a href="text.html" target="_blank">关于</a></dd>
                    <dd><a href="text.html" target="_blank">管理团队</a></dd>
                    <dd><a href="text.html" target="_blank">工作机会</a></dd>
                    <dd><a href="text.html" target="_blank">客户服务</a></dd>
                    <dd><a href="text.html" target="_blank">帮助</a></dd>
                </dl>
                <dl>
                    <dt>新手指南</dt>
                    <dd><a href="text.html" target="_blank">如何注册</a></dd>
                    <dd><a href="text.html" target="_blank">如何选课</a></dd>
                    <dd><a href="text.html" target="_blank">如何拿到毕业证</a></dd>
                    <dd><a href="text.html" target="_blank">学分是什么</a></dd>
                    <dd><a href="text.html" target="_blank">考试未通过怎么办</a></dd>
                </dl>
                <dl>
                    <dt>合作伙伴</dt>
                    <dd><a href="text.html" target="_blank">合作机构</a></dd>
                    <dd><a href="text.html" target="_blank">合作导师</a></dd>
                </dl>
            </div>
        </div>
    </div>
</body>

</html>